@charset "utf-8";

body  {
		font-family: 'Open Sans', sans-serif; Helvetica, sans-serif;
		font-size: 1.0em;
		background: #11111;
		background-image:url(../img/background.jpg);
		background-attachment: fixed; 
		background-size: 100% 100%;    	
    	margin: 0;
    	padding: 0;
    	color: #adadad;
		height: 100%;
		}
a {
		text-decoration: none;
		}


h1 {	font-family: 'Marck Script', cursive;
		font-size: 3.0em;
		font-weight: normal;
		color: #cdcdcd;
		}		
h2 {
		font-size: 1.5em;
		font-weight: normal;
		color: #936D39;
		}
h3 {
		font-size: 1.5em;
		font-weight: normal;
		color: #cdcdcd;
		}
h4 {
		font-size: 1.0em;
		font-weight: normal;
		color: #cdcdcd;
		}
td,th {
			padding: 1px 2px;
			width: 100;
			
			
		}
		td:last-of-type {
			text-align: right;
		}
		td:nth-of-type(2){
			text-align: left;
		}
.tzelle {
			height: 150px;
			width: 200px;
			vertical-align: left;
			display: table-cell;
			
		}
#blatt {
		max-width: 860px;
		position: center;
		margin: 0px auto;	
		padding: 0px;					
		}				
#bfest {
		width: 216px;
		min-height: 100%;
		background-color: #ffffff;
		float: left;
		position: fixed;
		margin: 0px;	
		padding: 0px;			
		}
#bfestinhalt {
		width: 91%;
		margin: 10px 10px 10px 10px;	
		}				
#kopf {
		position: relative;
		margin: 10px;
		}
#logo, #menue {		
		border-color: #e5e5e5;
		border-style: solid;
		border-width: 0 0 1px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		}
#menue ul {
		display: block;
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		font-size: 1.4em;
		color: #936D39;
		}		
#menue  li {
	padding: 0px 20px 8px 0px; 	
}
#menue  a{
	display: block;
	width: 200px;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
	color: #936D39;

}
#menue a:focus, #menue a:hover, #menue a:active {
	color: #393938;
	width: 200px;
	
}

img {
		border: 0 none;
		}					
.levell {
		transition: color 0.15s linear 0s;
		}
.zeiten	{
		margin: 20px 10px 15px 10px;
		padding: 2px 10px 8px 10px;
		border-color: #e5e5e5;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		font-size: 0.9em;
		color: #936D39;
		}
.zeitenf	{
		margin: 20px 10px 15px 10px;
		padding: 5px 10px 5px 10px;
		border-color: #e5e5e5;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		font-size: 0.9em;
		color: #936D39;
		}		
.zeitenf img {	
	margin: 0px 0px -4px 0px;	
}

#bewegt {
		width: 644px;
		min-height: 100%;
		background-color: #393938;
		float: right;
		margin: 0px;	
		/* padding: 0em 0em 0em 0em; */
		padding: 0px 0px 0px 0px;
		 box-shadow: 12px 0px 8px rgba(0, 0, 0, .5);
		}
#bewegtinhalt {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
#bewinhtop {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;	
		}
#bewinhtoptext {
		margin: 0px 10px 0px 10px;
		padding: 10px 10px 0px 10px;
		}
#karte {
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 10px 10px;
		}
#karte ul {
		display: block;
		list-style-type: none;
		margin: 0px;
		padding: 0px 10px 0px 10px;		
		}
.schatten {
		display: block;
		list-style-type: none;
		margin: 0px;
		padding: 0px 0px 0px 10px;
		line-height: 2.0em;
		background-image: url(file:///karteschattenr32.png);
		background-repeat: no-repeat;
		-moz-box-shadow: 6px 6px 8px #333333, -6px 6px 8px #333333;
		-webkit-box-shadow: 6px 6px 8px #333333, -6px 6px 8px #333333;
		box-shadow: 6px 6px 8px #333333, -6px 6px 8px #333333;
		}
#karte  a {
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #cdcdcd;
}
.tab {
	width: 100%;
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	}
.spatextr {
	width: 75%;
	padding: 4px 4px;
	font-family: cursive;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 0.9em;
	}
.spatextra {
	width: 85%;
	padding: 4px 20px;
	font-family: cursive;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 0.9em;
	}
.spatextw {
	font-size: 0.7em;
	line-height: 0.9em;
	}
.spatext {
	width: 74%;
	line-height: 1.3em;
	}
.spazahl {
	width: 26%;
	text-align: right;
	line-height: 1.3em;
	}
.spatextg {
	width: 60%;
	text-align: left;
	line-height: 1.3em;
	}
.spazahlg {
	width: 40%;
	text-align: right;
	line-height: 1.3em;
	}
.spatextgs {
	width: 70%;
	text-align: left;
	line-height: 1.3em;
	background-color: #393938;
	border-color:#474747;
		border-style: solid;
		border-width: 1px 10px 1px 3px;
	-moz-border-radius: 0px 20px 20px 0px;
		-webkit-border-radius: 0px 20px 20px 0px;
		border-radius: 0px 20px 20px 0px;
	-moz-box-shadow: 6px 6px 8px #333333, -6px 6px 8px #333333;
		-webkit-box-shadow: 6px 6px 8px #333333, -6px 6px 8px #333333;
		box-shadow: 6px 6px 8px #333333, -6px 6px 8px #333333;
	}
.spazahlgs {
	width: 30%;
	text-align: right;
	line-height: 1.3em;
	}
.bewinhmitte {
	margin: 0px;
	padding: 0px;	
	width: 100%;
}
.bewinhlinks {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50%;
}
.bewinhrechts {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 50%;
}
.bewinhlinkst {
	margin: 0px 3px 3px 8px;
	padding: 0px;
	float: left;
	width: 48%;
}
.bewinhrechtst {
	margin: 0px 8px 3px 3px;
	padding: 0px;
	float: right;
	width: 48%;
}
.bewinhtext {
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;	
}
.imp {
		clear: both;
		margin: 0em 0em 0em 0em;
		padding: 10px 10px 0px 10px;
		text-align: center;
		border-color: #adadad;
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		}
.imp img{
		float: right;
		width: 20px; 
		height: auto;
		}
form {	
		/* width: 80%;
		background-color: #313131;
		color: #cdcdcd;
		border-color: #515151;
		border-style: solid;
		border-width: 1px; 
		padding: 20px; */
}
fieldset {
		width: 80%;
		background-color: #313131;
		color: #cdcdcd;
		border-color: #515151;
		border-style: solid;
		border-width: 1px;
		margin: 0;
		padding: 8px;
}
.textfeld, .submitbutton {
		margin: 15px;
}
.textfeld label {
		display: block;
}
.textfeld input, .textfeld textarea {
		width: 300px;
		padding: 4px;
		display: block;
		background-color: #414141;
		color: #cdcdcd;
		border-color: #515151;
		border-style: solid;
		border-width: 1px;
		
}
.bbutton {
		padding: 4px;
		display: block;
		background-color: #414141;
		color: #cdcdcd;
		border-color: #515151;
		border-style: solid;
		border-width: 1px;
		
}
label {
		cursor: pointer;
}



.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.button {
    background-color: #cba675; 
    border-radius: 12px;
    color: #393938;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
	box-shadow: 2px 2px 2px grey;
}

* {
    box-sizing: border-box;
}

input[type=text], select, textarea{
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
}

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

input[type=submit] {
    background-color: #cba675;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

input[type=submit]:hover {
    background-color: #393938;
}

.container {
    border-radius: 5px;
    background-color: #39;
    padding: 20px;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
@media only screen and (min-width:176px) and (max-width:870px) 
	
		{ 	#blatt {width: 99%; max-width: 320px; margin-top: 0px; min-height: 640px;}
			#bfest {width: 100%; position: static;}
			#bfestinhalt {width: 93%; clear: left;}
			#logo {text-align: center;}
			#menue {text-align: center;} 
			#menue li {display: inline; padding: 0px 10px 0px 10px;}
			#menue ul li a {display: inline;}
			#menue a:focus, #menue a:hover, #menue a:active {color: #393938;}
			#bewegt {width: 100%; float: left;box-shadow: 0px 0px 0px 0px;}
			.bewinhlinks {width: 100%;}
			.bewinhrechts {width: 100%;}
			.bewinhlinkst {width: 70%;}
			.bewinhrechtst {width: 70%;}
			.spatextgs {width: 68%;}
			.spazahlgs {width: 32%;}
			fieldset {width: 92%;}
			.textfeld input, .textfeld textarea {width: 220px;}
		}